<!DOCTYPE html> 
<html> 
    <head > 
    <link rel="stylesheet" href="{{STATIC_URL}}jquery.mobile-1.0a2/jquery.mobile-1.0a2.min.css" />
    <script src="{{STATIC_URL}}jquery.min.js"></script>
    <script src="{{STATIC_URL}}jquery.mobile-1.0a2/jquery.mobile-1.0a2.min.js"></script>
  
</head> 
<body>

<div data-role="page" > 
    <div  data-theme="x" data-role="header">
    <h1 style="color:#FFFFCC"> Quizzes</h1> 
    </div>
    <div data-role="content" data-theme="b">

    {% if quizes %}
     <ul data-role="listview" data-theme="g" data-inset="true" >
    {% for quiz in quizes %}
<li><a href='#' onclick="$('#sideNoti').load('/quiz/{{quiz.id}}/get/{{sub.id}}');"> {{quiz.title}}</a></li>
{% endfor %}
{% else %}
No quizes in that course.
{% endif %}
</div>
</body>
</html>

